<template>
    <div class="flex items-center flex-col mt-10">
        <img src="../../assets/images/logo.png" alt="logo" class="w-44 h-44">
        <div class="bbs-card lg:w-1/3 w-full shadow-xl mx-2 bg-base-200">
            <div class="bbs-card-body">
                <div class="bbs-card-title">Signin - GXCVUCNC BBS</div>
                <LoginForm v-if="current === 'signin'" />
                <SignupFrom v-if="current === 'signup'" />
                <div class="text-right mt-4">
                    <a v-if="current === 'signin'" @click="current = 'signup'" href="javascript:;"
                        class="font-medium hover:text-secondary">注 册</a>
                    <a v-if="current === 'signup'" @click="current = 'signin'" href="javascript:;"
                        class="font-medium hover:text-secondary">登 录</a>
                </div>
            </div>
        </div>

        <div class="mt-4 text-dark-50">
            &copy; {{ new Date().getFullYear() }} GXCVUCNC
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import LoginForm from './components/LoginForm.vue';
import SignupFrom from './components/SignupFrom.vue';

const current = ref('signin');
</script>